<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta charset="UTF-8">
    <title>回答</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/swiper_change.css"/>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/sendquestion.css"/>
    <style>
        html,body{
            height:100%;
        }
        body.gating-feed_switcher_bar-on{
            background:#FAFAFA;
        }
        input#fileimg{
            width:100%;
            height:100%;
            opacity: 0;
        }
        .editor_toolbar .modifier.image{
            background:url("img/photo02.png")no-repeat center;
            background-size: 23px;
            margin-right:10px;
        }
        .showupimgbox{
            /*margin-top:44px;*/
            /*padding:15px;*/
            float: left;
            width:25%;
            height:100px;
            box-sizing: border-box;
            border: 1px solid #a9b7b7;
            /*margin-right:20px;*/
            /*margin-bottom:20px;*/
            margin:10px;

        }
        .showupimgbox>img{
            width:100%;
        }
        .imgplace{
            background: #fff;

            border-bottom:1px solid #ddd;
            overflow: hidden;
        }
        /**/
        .mainshowimgbox{
            margin-left: 2%;
            /*margin-bottom: 2%;*/
            display: inline-block;
            border: 1px solid #ececec;
            overflow: hidden;
            position: relative;
            width:30%;
            box-sizing: border-box;
        }
        .mainshowimgbox>a{
            position: absolute;
            top: 2px;
            right: 2px;
            width: 20px;
            height: 20px;
            z-index: 10;
            border-radius: 50%;
            /* border: 1px solid #ddd; */
            color: #fff;
            line-height: 20px;
            text-align: center;
            background: #B92B27;
            /* font-size: 16px; */
            font-size: 11px;

        }
        .mainshowimgbox>img{
            width:100%;
            height:100%;
        }
        /*.mainshowimgbox:first-child{*/
        /*margin-left: 3%;*/
        /*margin-top:3%;*/
        /*}*/
        .questionbody{
            font-size: 0;
        }
        .mainshowimgbox{
            width:21%;
            margin-left:0;
        }
        /*分享等待*/
        #sharewaiting{
            position:fixed;
            z-index: 2000;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background: rgba(0,0,0,0.75);
        }
        #sharewaiting>div{
            width:80px;
            height:80px;
            background: rgba(53,53,53,0.5);
            margin:45% auto;
            line-height: 80px;
            text-align: center;
        }
        #sharewaiting>div>img{
            width:44px;
            height:44px;
            -webkit-animation:circle 1s infinite linear;
        }
        @-webkit-keyframes circle{
            0%{ transform:rotate(0deg); }
            100%{ transform:rotate(-360deg); }
        }
        /*新加表情*/
        ul,li{
            list-style: none;
        }
        textarea#commentinput{
            background:transparent;
            box-shadow:none;
            border:none;
            border-radius:0;
            border-bottom:1px solid #67C945;
        }
        #facebtn,#keybordbtn{
            display: inline-block;
            width:30px;
            height:30px;
            margin-left:4%;
            background: url("img/sz01.png") no-repeat;
            background-size: 30px;
            position: absolute;
            left: 51px;
            top: 7px;
        }
        #keybordbtn{
            background: url("img/yt2.png") no-repeat;
            background-size: 32px;
        }
        #faceulplace{
            padding:5px;
            overflow: hidden;
        }
        #faceulplace li{
            float: left;
            width: 30px;
            height: 30px;
            padding: 3px;
        }
        .listcom span img{
            width: 18px;
            height:18px;
            margin-top: -3px;
        }
        #facelist{
            position: relative;
            background: #E7E7E8;
            /*margin-top:15px;*/
        }
        #arrdiv{
            position: absolute;
            top:-18px;
            left:20px;
            border:9px solid transparent;
            border-bottom-color:#f6f6f6;
        }
        #questionbody{
            margin-top:0;
        }
        /*修改重写*/
        /*标题*/
        .Header .fixed_header .header_main{
            height: 44px;
            color: #333;
            text-align: center;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 19;
            -wekbit-box-shadow: 0 1px 2px #cfcfcf;
            box-shadow: 0 1px 2px #cfcfcf;
            background: #f9f9f9;
            max-width: 1000px;
            min-width: 320px;
            left: 50%;
            transform: translateX(-50%);
        }
        #gobackbtn,#okbtn{
            padding: 0 10px;
            font-size: 1.0625rem;
            line-height: 44px;
            color: #FF8200;
            float:left;
        }
        #okbtn{
            float:right;
        }
        .module-topbar .title-group .title:only-child {
            font-size: 1.125rem;
            line-height: 44px;
        }
        .module-topbar .title-group .title {
            color: #333;
        }
        .txt-cut {
            overflow: hidden;
            height:44px;
            line-height: 44px;
            font-size: 1.125rem;
            font-weight: normal;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        /*匿名*/
        .hidenamediv{
            height:34px;
            padding:5px 15px 7px 8px;
            overflow: hidden;
        }
        .hidenamediv>div{
            float:right;
        }
        #hidenameinput{
            vertical-align: bottom;
            height: 19px;
            width: 19px;
        }
        label{
            color:#2b6dad;
            display:inline-block;
            height: 19px;
            line-height: 19px;
        }
        /*表情图片*/
        .action-publisher.layout-box.line-bottom {
            border: 1px solid #F2F2F2;
            background-color: #f9f9f9;
            overflow: hidden;
            font-size: 22px;
            text-align: center;
            position: relative;
            height: 43px;
            z-index: 1;
        }
        .module-publisher .action-publisher .toolbaricon {
            margin: 9px 10px 0 10px;
            width: 31px;
        }
        .modifier.image {
            cursor: pointer;
            width:36px;
            height:34px;
            /*margin-left: 9px;*/
            /*margin-top: 8px;*/
            margin:0;
            position:absolute;
            top:5px;
            left:7px;
            background: url(img/imglogo3.png) no-repeat center;
            border-radius: 2px;
            background-size: 30px;
            overflow: hidden;
        }
        .modifier.image.cannot{
            background-color: #ccc;
        }
        .mainshowimgbox{
            margin-bottom:10px;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<script src="js/jquery-1.11.3.js"></script>
<div class="PageWrapper nonav" id="page_wrapper">
    <div class="EditorModal has_toolbar" style="padding-top:0;">
        <div class="PageWrapper nonav" style="margin-top:0;padding-top:0;">
            <div class="EditorModal has_toolbar" style="padding-top:0;">
                <!-- 头部-->
                <div class="Header ModalHeader">
                    <div class="fixed_header">
                        <div class="header_main">
                            <a id="gobackbtn" class=".module-topbar .txt-link">取消</a>
                            <a class="rt txt-link" id="okbtn">发送</a>
                            <div class="title-group"><h2 class="title txt-cut">回答</h2></div>
                        </div>
                    </div>
                </div>
                <!-- 主体内容-->
                <div class="bar bar_regular_state">
                    <div class="questionbody" style="border:none;padding:10px 8px 0 8px;">
                        <textarea style="overflow: hidden;overflow-y:auto;border:none; width:100%;box-sizing: border-box" onfocus="ResizeTextarea(this,4);" onclick="ResizeTextarea(this,4);" onkeyup="ResizeTextarea(this,4);" id="contentword" placeholder="输入您的回答..."></textarea>
                    </div>
                    <!-- 匿名部分-->
                    <div class="hidenamediv">
                        <div>
                            <input id="hidenameinput" type="checkbox"/>
                            <label for="hidenameinput">匿名回答</label>
                        </div>
                    </div>
                    <!-- 图片表情-->
                    <section class="action-publisher layout-box line-bottom">
                        <!-- 添加图片-->
                        <div class="modifier image toolbaricon" style="display:inline-block;">

                        </div>
                        <div class="toolbaricon" id="facebtn">
                            <!--表情按钮-->
                        </div>
                    </section>
                    <!-- 表情-->
                    <!--<div id="facebtn" style="display:block"></div>-->
                    <!--<div id="keybordbtn" style="display:none"></div>-->
                    <!--表情区域-->
                    <div id="facelist" style="display:none;">
                        <div id="arrdiv"></div>
                        <!--<ul id="faceulplace"></ul>-->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">

                                <div class="swiper-slide"  id="zerofacepage">

                                </div>

                                <div class="swiper-slide" id="onefacepage">

                                </div>

                                <div class="swiper-slide" id="twofacepage">

                                </div>
                            </div>
                            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                                <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                <span class="swiper-pagination-bullet"></span>
                                <span class="swiper-pagination-bullet"></span>
                            </div>
                        </div>
                    </div>
                    <!--展示图片区域-->
                    <div id="questionbody" style="margin-left:4%;">
                        <!--<div class="modifier image" style="display:inline-block;margin-left:0%;height:0; " id="addimgbtn"></div>-->
                    </div>
                    <script>
                        var height21=parseFloat(document.body.clientWidth)*0.21;
                        console.log(height21);
                        $("#questionbody .modifier").height(height21+"px");
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 大图片-->
<div id="digimgplace" style="display: none;">
    <div id="delthisimgbtn" class="rt"></div>
    <img src="" id="showimg" style="width:100%;"/>
</div>
<!--收藏中等待-->
<div id="sharewaiting" style="display: none;">
    <div>
        <img src="img/aoy.png"/>
    </div>
</div>


<script src="js/jquery.cookie.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script>
    //        输入框
    var agt = navigator.userAgent.toLowerCase();
    var is_op = (agt.indexOf("opera") != -1);
    var is_ie = (agt.indexOf("msie") != -1) && document.all && !is_op;
    function ResizeTextarea(a,row){
        if(!a){return}
        if(!row)
            row=5;
        var b=a.value.split("\n");
        var c=is_ie?1:0;
        c+=b.length;
        var d=a.cols;
        if(d<=20){d=40}
        for(var e=0;e<b.length;e++){
            if(b[e].length>=d){
                c+=Math.ceil(b[e].length/d)
            }
        }
        c=Math.max(c,row);
        if(c!=a.rows){
            a.rows=c;
        }
    }
</script>
<script src="js/tohref.js"></script>
<script src="ftnjs/swiper.jquery.min.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>
<script src="js/answerpage.js"></script>

</body>
</html>